<template>
  <div>
  <el-table
    :data="tableData"
    style="width: 100%">
    <el-table-column
      prop="date"
      label="浏览日期"
      width="500">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="500">
    </el-table-column>
    <el-table-column
      prop="watchTime"
      label="查阅次数"
      width="500">
    </el-table-column>
  </el-table>
    <el-row>
    <el-col :span="24">
      <watchEcharts id="watchEcharts" ref="scharts"></watchEcharts>
    </el-col>
  </el-row>
  </div>

</template>

<script>
import watchEcharts from "../../components/ECharts/watchEcharts"
export default {
  components: {watchEcharts},
  data () {
    return {
      tableData: [
        {
          date: "2022-05-02",
          name: "王周舟",
          watchTime: "257"
        }, {
          date: "2022-05-04",
          name: "刘熙",
          watchTime: "155"
        }, {
          date: "2022-05-01",
          name: "马冲",
          watchTime: " 385"
        }, {
          date: "2022-05-03",
          name: "阿毛",
          watchTime: "211 "
        },
        {
          date: "2022-05-03",
          name: "王熙凤",
          watchTime: "96 "
        },
        {
          date: "2022-05-03",
          name: "六祖",
          watchTime: "52 "
        }, {
          date: "2022-05-03",
          name: "岳群",
          watchTime: "10 "
        }
      ]
    }
  },
  methods: {

  }
}
</script>
